<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta charset="utf-8">
		<!-- 让IE浏览器更好的支持响应式 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<title>laybox</title>

		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/public.css" rel="stylesheet">
		<link href="./css/animate.css" rel="stylesheet">
		<!-- 动画库 -->
		

		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
      <script src="js/respond.min.js"></script>
    <![endif]-->
		<link rel="stylesheet" href="css/animate.css">
	</head>

	<body>

		<!-- 页面头部 -->
		<header>

			<!-- 导航结构 -->
			<nav class="navbar navbar-inverse navbar-fixed-top">
				<div class="container">

					<div class="navbar-header">
						<!-- 缩小页面宽度，显示右边的按钮，点击可以展开 -->
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
						<!-- logo -->
						<a class="logo" href="#">
							<img src="images/logo.png" alt="">
						</a>
					</div>

					<!-- 导航菜单 -->
					<div id="navbar" class="collapse navbar-collapse">
						<ul class="nav navbar-nav">
							<li class="active">
								<a href="">首页</a>
							</li>
							<li>
								<a href="">Laya家族</a>
							</li>
							<li>
								<a href="">游戏</a>
							</li>
							<li>
								<a href="">新闻动态</a>
							</li>
							<li>
								<a href="#contact">开发者中心</a>
							</li>
							<li>
								<a href="#contact">开发者社区</a>
							</li>
							<li>
								<a href="#contact">开放平台</a>
							</li>
							<li>
								<a href="">关于我们</a>
							</li>
						</ul>

						<!-- 右边的下拉菜单 -->
						<ul class="nav navbar-nav navbar-right">
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
								<ul class="dropdown-menu">
									<li>
										<a href="#">中文</a>
									</li>
									<li>
										<a href="#">英文</a>
									</li>
									<li role="separator" class="divider"></li>
									<li>
										<a href="#">其他</a>
									</li>
								</ul>
							</li>
						</ul>

					</div>
					<!--/.nav-collapse -->
				</div>
			</nav>

		</header>

		<!-- 广告位 -->
		<section class="banner">
			<!-- 这个是最大的容器（宽度限定最大为1000px） -->
			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-sm-12">
						<img src="images/banner.jpg" class="img-responsive" alt="">
						<!-- 广告图响应式 -->
					</div>
				</div>
			</div>
		</section>

		<!-- LayaFlash 引擎 -->
		<section class="yinqing">

			<div class="container">

				<div class="row">

					<!-- 当屏幕是大于等于768px，左边就分8列显示；当屏幕是小于768px，左边就直接分12列显示 -->
					<div class="col-sm-12 col-md-8 col-lg-8">

						<p class="title1 wow slideInLeft" data-wow-duration="2s"">LayaFlash 引擎</p>

						<p class="small  wow lightSpeedIn" data-wow-duration="2s"">让Flash技术变成开发HTML5产品的利器</p>

						<div class="row">

							<!-- 先分6列显示，再分12列显示 -->
							<div class="col-sm-12 col-md-6 col-lg-6" data-scroll-reveal="enter left and move 200px over 1s">
								<div class="media wow flipInX" data-wow-duration="1.5s" data-wow-delay="1s"">
									<div class="media-left ">
										<a href="#" class="yq_icon">
											<img class="media-object" src="images/icon1.png" alt="...">
										</a>
									</div>
									<div class="media-body">
										<h4 class="media-heading">快速Flash产品转换</h4> Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏
									</div>
								</div>

								<div class="media wow flipInX" data-wow-duration="1.5s" data-wow-delay="1.6s"">
									<div class="media-left">
										<a href="#" class="yq_icon">
											<img class="media-object" src="images/icon1.png" alt="...">
										</a>
									</div>
									<div class="media-body">
										<h4 class="media-heading">快速Flash产品转换</h4> Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏
									</div>
								</div>

							</div>

							<!-- 先分6列显示，再分12列显示 -->
							<div class="col-sm-12 col-md-6 col-lg-6 top ">

								<div class="media wow flipInX" data-wow-duration="1.5s" data-wow-delay="1.3s"">
									<div class="media-left">
										<a href="#" class="yq_icon">
											<img class="media-object" src="images/icon1.png" alt="...">
										</a>
									</div>
									<div class="media-body">
										<h4 class="media-heading">快速Flash产品转换</h4> Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏
									</div>
								</div>

								<div class="media wow flipInX" data-wow-duration="1.5s" data-wow-delay="1.9s"">
									<div class="media-left">
										<a href="#" class="yq_icon">
											<img class="media-object" src="images/icon1.png" alt="...">
										</a>
									</div>
									<div class="media-body">
										<h4 class="media-heading">快速Flash产品转换</h4> Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏
									</div>
								</div>

							</div>

						</div>

					</div>

					<!-- 当屏幕是大于等于768px，右边就分4列显示；当屏幕是小于768px，就直接隐藏 -->
					<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 hidden-xs hidden-sm">
						<img src="./images/flash_bg.jpg" data-action="zoom" data-original="./images/flash_bg.jpg" alt="" data-scroll-reveal="enter top and move 100px over 1.33s">

						<!--      <img src="images/flash_bg.jpg" class="img-responsive flash_bg1" alt=""  data-scroll-reveal="enter top and move 100px over 1.33s" > -->

					</div>

				</div>

			</div>

		</section>

		<!-- Layabox 优势 -->
		<section class="youshi">

			<div class="container">

				<div class="row">

					<!-- Layabox 优势 -->
					<div class="col-sm-5 hidden-xs">
						<img src="./images/you-s.jpg" alt="">
					</div>

					<!-- 当屏幕是大于等于768px，左边就分7列显示；当屏幕是小于768px，左边就直接分12列显示 -->
					<div class="col-xs-12 col-sm-7">

						<p class="title2  wow flipInX" data-wow-duration="1.5s" data-wow-delay="1.9s"">Layabox 优势</p>

						<div>
							<div class="media">
								<div class="media-left">
									<a href="#" class="yq_icon wow flip" data-wow-duration="2s" data-wow-delay="1s" ">
										<img class="media-object " src="images/icon1.png" alt="...">
									</a>
								</div>
								<div class="media-body Flash">
									<h4 class="media-heading ">快速Flash产品转换</h4>
								</div>
							</div>

							<div class="media">
								<div class="media-left">
									<a href="#" class="yq_icon">
										<img class="media-object" src="images/icon1.png" alt="...">
									</a>
								</div>
								<div class="media-body Flash">
									<h4 class="media-heading">快速Flash产品转换</h4>
								</div>
							</div>

							<div class="media">
								<div class="media-left">
									<a href="#" class="yq_icon">
										<img class="media-object" src="images/icon1.png" alt="...">
									</a>
								</div>
								<div class="media-body Flash">
									<h4 class="media-heading wow slideInLeft" data-wow-duration="2s"">快速Flash产品转换</h4>
								</div>
							</div>

							<div class="media">
								<div class="media-left">
									<a href="#" class="yq_icon">
										<img class="media-object" src="images/icon1.png" alt="...">
									</a>
								</div>
								<div class="media-body Flash">
									<h4 class="media-heading">快速Flash产品转换</h4>
								</div>
							</div>

						</div>

					</div>

				</div>

		</section>

		</div>

		<div class="jiazhu">

			<div class="container">

				<div class="row">

					<!-- 当屏幕是大于等于768px，左边就分8列显示；当屏幕是小于768px，左边就直接分12列显示 -->
					<div class="col-sm-12 col-md-12 col-lg-12">

						<p class="jiazhu-se" data-scroll-reveal="enter left and move 500px over 2s">Layabox产品家族</p>
					</div>

					<!-- 先分6列显示，再分12列显示 -->
					<div class="col-sm-12 col-md-6 col-lg-6 canping-jia">

						<div class="media" data-scroll-reveal="enter top and move 100px over 1.6s">
							<div class="media-left">
								<a href="#" class="yq_icon">
									<img class="media-object" src="images/icon1.png" alt="...">
								</a>
							</div>
							<div class="media-body">
								<h4 class="media-heading">快速Flash产品转换</h4>
								<p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。</p>

							</div>
						</div>

						<div class="media" data-scroll-reveal="enter top and move 200px over 1.3s">
							<div class="media-left">
								<a href="#" class="yq_icon">
									<img class="media-object" src="images/icon1.png" alt="...">
								</a>
							</div>
							<div class="media-body">
								<h4 class="media-heading">快速Flash产品转换</h4>
								<p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。</p>

							</div>
						</div>

						<div class="media" data-scroll-reveal="enter top and move 300px over 1s">
							<div class="media-left">
								<a href="#" class="yq_icon">
									<img class="media-object" src="images/icon1.png" alt="...">
								</a>
							</div>
							<div class="media-body">
								<h4 class="media-heading">快速Flash产品转换</h4>
								<p>核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，支持2D\3D，非运行 器模式下性能媲美APP。
								</p>
							</div>
						</div>

					</div>

					<!-- 先分6列显示，再分12列显示 -->
					<div class="col-sm-12 col-md-6 col-lg-6 family">

						<div class="media" data-scroll-reveal="enter top and move 100px over 1.6s">
							<div class="media-left">
								<a href="#" class="yq_icon">
									<img class="media-object" src="images/icon1.png" alt="...">
								</a>
							</div>
							<div class="media-body">
								<h4 class="media-heading">快速Flash产品转换</h4>
								<p>核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，支持2D\3D，非运行 器模式下性能媲美APP。
								</p>
							</div>
						</div>

						<div class="media" data-scroll-reveal="enter top and move 200px over 1.3s">
							<div class="media-left">
								<a href="#" class="yq_icon">
									<img class="media-object" src="images/icon1.png" alt="...">
								</a>
							</div>
							<div class="media-body">
								<h4 class="media-heading">快速Flash产品转换</h4>
								<p>核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，支持2D\3D，非运行 器模式下性能媲美APP。
								</p>
							</div>
						</div>

						<div class="media" data-scroll-reveal="enter top and move 300px over 1s">
							<div class="media-left">
								<a href="#" class="yq_icon">
									<img class="media-object" src="images/icon1.png" alt="...">
								</a>
							</div>
							<div class="media-body">
								<h4 class="media-heading">快速Flash产品转换</h4> 核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，支持2D\3D，非运行 器模式下性能媲美APP。
							</div>
						</div>

					</div>

				</div>
			</div>

		</div>
		</div>
		</div>

		<div class="jingchai">

			<div class="container">

				<div class="row">

					<div class="col-sm-4 col-md-12 col-lg-12">

						<p class="chaiyong" data-scroll-reveal="enter right and move 400px over 2s">采用Layabox引擎的精彩游戏

						</p>

					</div>

					<div class="col-sm-3 col-md-6 col-lg-5">
						<a href=""><img src="./images/jiehao.png" class="img-responsive" alt=""></a>
					</div>

					<div class="col-sm-6 col-md-6 col-lg-7">

						<ul class="iop">

							<li>
								<a href=""><img src="./images/liedao.png" alt=""></a>
								<p>猎刃2</p>
							</li>
							<li>
								<a href=""><img src="./images/liedao.png" alt=""></a>
								<p>猎刃2</p>
							</li>
							<li>
								<a href=""><img src="./images/liedao.png" alt=""></a>
								<p>猎刃2</p>
							</li>
							<li>
								<a href=""><img src="./images/liedao.png" alt=""></a>
								<p>猎刃2</p>
							</li>
							<li>
								<a href=""><img src="./images/liedao.png" alt=""></a>
								<p>猎刃2</p>
							</li>
							<li>
								<a href=""><img src="./images/liedao.png" alt=""></a>
								<p>猎刃2</p>
							</li>
							<li>
								<a href=""><img src="./images/liedao.png" alt=""></a>
								<p>猎刃2</p>
							</li>

							<li>
								<a href=""><img src="./images/liedao.png" alt=""></a>
								<p>猎刃2</p>
							</li>
							<li>
								<a href=""><img src="./images/liedao.png" alt=""></a>
								<p>猎刃2</p>
							</li>
							<li>
								<a href=""><img src="./images/liedao.png" alt=""></a>
								<p>猎刃2</p>
							</li>
							<li>
								<a href=""><img src="./images/liedao.png" alt=""></a>
								<p>猎刃2</p>
							</li>
							<li>
								<a href=""><img src="./images/liedao.png" alt=""></a>
								<p>猎刃2</p>
							</li>
							<li>
								<a href=""><img src="./images/liedao.png" alt=""></a>
								<p>猎刃2</p>
							</li>
							<li>
								<a href=""><img src="./images/liedao.png" alt=""></a>
								<p>猎刃2</p>
							</li>
							<div class="clear"></div>
						</ul>
					</div>
				</div>
			</div>
		</div>

		<div class="hezhuo">

			<div class="container">

				<div class="row">

					<div class="col-sm-12 col-md-12 col-lg-12">
						<h2 class="title3">合作伙伴<samp>(排序不分先后)</samp></h2>
					</div>

					<div class="col-sm-12 col-md-12 col-lg-12 huoban1">

						<ul class="huoban">
							<li>
								<a href=""><img src="./images/qq.png" alt=""></a>
							</li>
							<li>
								<a href=""><img src="./images/qq.png" alt=""></a>
							</li>
							<li>
								<a href=""><img src="./images/qq.png" alt=""></a>
							</li>

							<li>
								<a href=""><img src="./images/qq.png" alt=""></a>
							</li>
							<li>
								<a href=""><img src="./images/qq.png" alt=""></a>
							</li>
							<li>
								<a href=""><img src="./images/qq.png" alt=""></a>
							</li>

							<li>
								<a href=""><img src="./images/qq.png" alt=""></a>
							</li>
							<li>
								<a href=""><img src="./images/qq.png" alt=""></a>
							</li>
							<li>
								<a href=""><img src="./images/qq.png" alt=""></a>
							</li>
							<li>
								<a href=""><img src="./images/qq.png" alt=""></a>
							</li>
							<li>
								<a href=""><img src="./images/qq.png" alt=""></a>
							</li>
							<div class="clear"></div>
						</ul>

					</div>

				</div>

			</div>

		</div>

		<div class="dibu">
			<div class="row dibu1">

				<div class="col-sm-4 col-md-6 col-lg-12">
					<div class="abstract">
						<a href="">公司简介</a>
						<a href="">联系方式</a>
						<a href="">人才招聘</a>
						<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </p>
					</div>

				</div>

			</div>

		</div>
		</div>

		</div>

		<script src="js/respond.min.js"></script>

		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="js/jquery.min.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="js/bootstrap.min.js"></script>
		<script src="js/wow.js"></script>-->
		
		<script>
			new WOW().init();
		</script>
	</body>

</html>